﻿<UserControl x:Class="Coding4Fun.Cannon.Phone.Controls.DriveView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
     Width="640" Height="480">
    <UserControl.Resources>
        <Storyboard x:Name="uxSB_SwitchToReverse">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxForwardIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxReverseIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="-1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="-32">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="uxSB_SwitchToForward">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxForwardIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxReverseIcon" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="-15">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="uxDirectionalArrow" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseInOut"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="24"/>
            <ColumnDefinition/>
            <ColumnDefinition Width="213"/>
        </Grid.ColumnDefinitions>
        <Image Source="../Media/DriveUI.png" Stretch="Fill" Grid.ColumnSpan="3" CacheMode="BitmapCache" />
        <Grid HorizontalAlignment="Center" Margin="0,23,0,24" Grid.Column="2">
            <Image x:Name="uxForwardIcon" Source="../Media/ForwardActive.png" Stretch="Fill" Width="169" Height="122" VerticalAlignment="Top" MouseLeftButtonDown="ForwardIcon_MouseLeftButtonDown" />
            <Slider x:Name="uxShifter" HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Vertical" Width="163" Height="113" Style="{StaticResource SliderStyle_Shifter}" Maximum="1" Value="1" Margin="0,-4,0,0" Background="{x:Null}" ValueChanged="Shifter_ValueChanged" />
            <Image x:Name="uxReverseIcon" Source="../Media/ReverseActive.png" Stretch="Fill" Width="169" Height="122" VerticalAlignment="Bottom" Opacity="0" MouseLeftButtonDown="ReverseIcon_MouseLeftButtonDown" />
        </Grid>
        <Button x:Name="uxGasPedal" HorizontalAlignment="Center" VerticalAlignment="Bottom" Content="Button" Style="{StaticResource ButtonStyle_GasPedal}" Grid.Column="1" ManipulationStarted="uxGasPedal_ManipulationStarted" ManipulationCompleted="uxGasPedal_ManipulationCompleted" />
        <Image x:Name="uxDirectionalArrow" Source="../Media/arrow.png" Stretch="Fill" Width="251" Height="270" Grid.Column="1" RenderTransformOrigin="0.5,0.5">
            <Image.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform Y="-15"/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
        <TextBlock x:Name="RightEngine" VerticalAlignment="Top" Text="0" TextWrapping="Wrap" Grid.Column="1" HorizontalAlignment="Center" FontFamily="Fonts/Fonts.zip#Segoe Black" FontSize="18.667" Margin="302,25,0,0" TextAlignment="Center" Width="60">
			
			<TextBlock.Foreground>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF029B0D" Offset="0"/>
					<GradientStop Color="#FF03B40E" Offset="1"/>
				</LinearGradientBrush>
			</TextBlock.Foreground>
        </TextBlock>
        <TextBlock x:Name="LeftEngine" HorizontalAlignment="Center" Margin="-91,25,0,0" VerticalAlignment="Top" Grid.Column="1" FontFamily="Fonts/Fonts.zip#Segoe Black" FontSize="18.667" Text="0" TextWrapping="Wrap" TextAlignment="Center" Width="60">
			<TextBlock.Foreground>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="#FF029B0D" Offset="0"/>
					<GradientStop Color="#FF03B40E" Offset="1"/>
				</LinearGradientBrush>
			</TextBlock.Foreground>
			
        </TextBlock>
    </Grid>
</UserControl>
